
 @bg: #f6f6f6;
 .img-list {
   padding: 10px;
   height: 433px;

   .img-item {
     @imgSize: 150px;
     float: left;
     margin: 10px;
     width: @imgSize;
     cursor: pointer;
     position: relative;
     font-size: 12px;

     img {
       width: @imgSize;
       height: @imgSize;
       display: block;
     }

     .title {
       line-height: 24px;
       height: 24px;
       display: block;
       overflow: hidden;
       background: @bg;
       padding: 0 5px;
     }

     .label {
       position: absolute;
       z-index: 9;
       left: 0;
       bottom: 24px;
       width: 100%;
       height: 21px;
       line-height: 21px;
       text-align: center;
       color: #fff;

       &:after {
         content: " ";
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 21px;
         background: #000;
         opacity: 0.3;
         z-index: -1;
       }
     }

     .selected {
       position: absolute;
       right: 0px;
       top: 0px;
       width: 100%;
       height: 100%;
       border: 3px solid #00a854;
       border-radius: 3px;
       text-align: right;
       .ivu-icon {
         background: #00a854;
         text-align: center;
         height: 24px;
         width: 24px;
         line-height: 24px;
         display: inline-block;
         font-size: 16px;
         color: #fff;
         border-radius: 0 0 0 3px;
         position: absolute;
         right: 0;
         top: 0;
       }
     }
   }

   &::after {
     content: " ";
     display: table;
     height: 0;
     clear: both;
     visibility: hidden;
   }
 }
.control a {
    text-align: center;
    vertical-align: middle;
    height: 100%;

    margin-left: 10px;
    font-size: 0.8rem;
    border-right: 1px solid #cfcfcf;
    padding-right: 10px;
  }

  .control > a > i {
    margin-right: 5px;
  }
